<template>
	<view class="conten">

		<u-sticky 
			bgColor="#fff"
			zIndex="999"


			@tab-click="handleTabClick"
		>
			<u-tabs :list="list1" :itemStyle="itemStyle"></u-tabs>
		</u-sticky>

	</view>

</template>

<script>
export default {
    data() {
        return {
            title: 'Hello',
            disabled: false,
            value1: 0,
			list1: [
                {
                    name: '可使用',
                }, 
                {
                    name: '已使用',
                }, 
				{
                    name: '已失效',
                }, 
            ],
			itemStyle: {
                width:'80px',
                height: '45px',
                lineHeight: '45px',
                textAlign: 'center',
            },
        }
    },
    onLoad() {
        console.log('页面加载完成');
    },
    methods: {
        handleTabClick(e) {
            try {
                console.log('点击了标签栏', e);
                // 在这里可以添加更多的逻辑处理
            } catch (error) {
                console.error('标签栏点击处理时出错:', error);
            }
        },
		
    }
}
</script>

<style scoped lang="scss">
		
</style>
